<template>
<!-- 详情2 -->
    <view>
        <!-- 媒体分析 -->
        <card :title="'媒体分析'">
            <media :content='content.media'></media>
        </card>
        <!-- 情感分析 -->
        <card :title="'情感分析'">
            <emotion v-if='emotion_show' :content='content.sentiments'></emotion>
        </card>
        <!-- 事件脉络 -->
        <card :title="'事件脉络'">
            <venation :content='content.venation' :startTime='startTime'></venation>
        </card>
    </view>
</template>

<script>

    import card from './components/card.vue'
    import media from './components/media.vue'
    import emotion from './components/emotion.vue'
    import venation from './components/venation.vue'

    export default {
        components: {
            card,
            media,
            emotion,
            venation
        },
        props: {
            content: Object,
            startTime: String
        },
        data() {
            return {
                emotion_show: false
            }
        },
        mounted() {
            setTimeout(() => {
                this.emotion_show = true
            },1000)
        },
    }
</script>

<style lang="scss" scoped>

</style>